/* 当屏幕大于576px时候 */
@media screen and (min-width: 576px) {
    #content {
        opacity: 0;
    }

    .navbar-brand img {
        height: 100px !important;
    }

    .main1 {
        height: 100vh;
        /* width: 100%; */
        /* opacity: 0; */
    }
    .blank{
        display:none;
    }















}

/* 当屏幕大于576px时候结束 */
/* 小屏开始 */
@media (max-width: 575.98px) {
    .main1 {
       height:200px !important;
    }
    
.blank{ clear:both; overflow:hidden; display:block;
    background-color: black;}
    .nav1{
        background-color:rgba(0,0,0,0.6);
    }
.parent1 .bg{
    opacity:0.8 !important;
}
}

/* 小屏结束 */

/* 背景图设置开始 */
.mybanner>.img{  height:100vh;  
    width:100%;    
    overflow: hidden;    
}
.mybanner>.img:nth-child(1) {
    background: url("../images/banner1.gif") no-repeat;
    height:100vh;  
    background-size:cover;
}
.mybanner>.img:nth-child(2) {
    background: url("../images/banner2.gif") no-repeat;
    height:100vh;  
    background-size:cover;
    background-position: center center;
}
.mybanner>.img:nth-child(3) {
    background: url("../images/banner3.gif") no-repeat;
    height:100vh;  
    background-size:cover;
}
.mybanner>.img:nth-child(4) {
    background: url("../images/banner4.gif") no-repeat;
    height:100vh;  
    background-size:cover;
    background-position: center center;
}

/* .parent1,.parent2{
    background-color:rgb(3, 5, 30);
}
.parent1:hover{
    background-color:rgba(3, 5, 30,0.2);
}
.parent2:hover{
    background-color:rgba(3, 5, 30,0.6);
} */
.parent1 .bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index:1;
    opacity:0.8;
    transition:all, .8s;
}
.parent1 .bg-active{
    opacity:0.6 !important;
}
.parent1:hover .bg{
    opacity:0.3 !important;
}

.index10{
    z-index:10;
}
.font-h1{
    font-weight:1000;
    font-size:30px;
}




/* 背景图设置结束 */


/* .main1 .font1 {
    vertical-align: middle;
    vertical-align: baseline;
} */
#dd{
    /* position: relative; */
}
.parent1 {
    position: absolute;
}

.child1 {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    text-align: center;
    width: 100%;
}

.nav1{
    position:fixed;
    top:0;
    width: 100%;
    z-index:100;
}
.navbar-brand {
    vertical-align: middle;
}